<template>
	<div class="home">
		<ul>
			<li> <img src="../assets/logo.png" alt=""></li>
			<li> <img src="../assets/logo.png" alt=""></li>
			<li> <img src="../assets/logo.png" alt=""></li>
			<li> <img src="../assets/logo.png" alt=""></li>
		</ul>
		<HelloWorld msg="Welcome to Your Vue.js App" />
	</div>
</template>

<script>
	// @ is an alias to /src
	import HelloWorld from 'components/HelloWorld.vue'
	import {
		myMixins
	} from "utils/mixins.js"
	export default {
		name: 'Home',
		mixins: [myMixins],
		components: {
			HelloWorld
		}
	}
</script>
<style lang="scss">
	@include component(home){
		ul{
			@extend %flex-center;
			li{
				margin: 0 rem(20);
			}
		}
	}
</style>
